<template>
  <van-cell :title="title" :label="label">
    <template #right-icon>
      <div style="display: flex; align-items: center">
        <van-icon
          @click="toPlay"
          style="font-size: 24px"
          name="play-circle-o"
        />
      </div>
    </template>
  </van-cell>
</template>

<script>
export default {
  props: ["title", "label","id"],
  methods: {
    toPlay() {
      this.$router.push({
        name: "play",
        query: {
            id:this.id
        },
      });
    },
  },
};
</script>

<style>
</style>